.container {
    min-height: 100vh;
    position: relative;
    background: #f8f7f8;

    .list-container {
        width: 100%;
        padding: 30rpx 30rpx 0 30rpx;

        .title {
        
        }

        .list-item {
            position: relative;
            width: 100%;
            margin-top: 20rpx;

            & + .list-item {
                margin-top: 30rpx;
            }

            .list-content {
                position: relative;
                width: 100%;
                display: flex;
                align-items: center;
                line-height: 1;

                .title {
                    flex: 1;
                    text-align: left;
                }

                .sub-title {
                    margin-top: 20rpx;
                    flex: 1;
                    text-align: left;
                    color: #9c9c9c;
                }

                .text {
                    flex: 1;
                    text-align: left;
                }
                .sub-text {
                    margin-left: auto;
                    text-align: right;
                    color: #9c9c9c;
                }
            }
        }
    }
}

/* 底部安全边距 start*/
.tn-tabbar-height {
    min-height: 120rpx;
    height: calc(140rpx + env(safe-area-inset-bottom));
    height: calc(140rpx + constant(safe-area-inset-bottom));
}